<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <!-- 
        列表标签    
            无序列表   ul     li       组合标签(必须同时使用)   自动出现  圆点
                ul里面只能是li   但是li里面课嵌套任何标签   li也是一个大盒子

            有序列表  ol      li      组合标签(必须同时使用)    自动生成1 2 3 4
                ol里面只能是li   但是li里面课嵌套任何标签   li也是一个大盒子

            自定义列表  dl   dt+dd   没有li   dt可有可无  dd相当于li
                dt和dd 都是大标签   可以任意的嵌套

        列表标签是在结构和样式相同的地方使用

            order list  有序   ol 
            unorder list  无序  ul 
            defined list  定义列表  dl
     -->



    <ul>
        <li>新闻1</li>
        <li>新闻1</li>
        <li>新闻1</li>
        <li>新闻1 <span>22</span></li>
        <!-- <h3>不规范</h3> -->
    </ul>


    <ol>
        <li>新闻1</li>
        <li>新闻1</li>
        <li>新闻1</li>
        <li>新闻1 <span>22</span></li>
        <!-- <h3>不规范</h3> -->
    </ol>

    <dl>
        <dt>新闻中心</dt>
        <dd>新闻内容</dd>
        <dd>新闻内容</dd>
        <dd>新闻内容</dd>
        <dd>新闻内容</dd>
    </dl>

</body>

</html>